<!DOCTYPE html>

<head>
    <meta charset="UTF-8">


    </style>
    <script src="../jQuery-3.6.3.min.js"> </script>
    <script>
        $(function () {
            $("div").mouseover(function () {
                $(this).css("color", "red");
            }).mousedown(function () {
                $(this).css("color", "orange");
            });
            $("div").mouseout(function () {
                $(this).css("color", "blue");
            }).mouseup(function () {
                $(this).css({ "font-size": "30px", "color": "green" });
            })
        })
    </script>
</head>

<body>

    <div>九天惊落，星海回流</div>
</body>

</html>